.trace-list{
	width:100%;
	.user{
		position: fixed;
		top: 0;left: 0;
		width: 100%;height: 100px;
		background-color: $color-main;
		display: flex;
		flex-direction: row;
		z-index: 2;
		padding-top: 10px;
		.avatar{
			flex: 1;
			button{
				padding: 0;
				outline: none;
				border: none;
				border-radius: 50%;
				width: 64px;height: 64px;
				background-color: $color-main;
			}
			image{
				width: 64px;height: 64px;
				border-radius: 50%;
			}
		}
		.info{
			flex: 2;
			display: flex;
			flex-direction: column;
			padding-top: 10px;
			.name{
				.edit{
					font-size: 14px;
					font-weight: 900;
					color: #42bc15;
					margin: 0 5px;
				}
			}
			.tools{
				display: flex;
				flex-direction: row;
				padding: 10px 0;
				button{
					position: relative;
					padding: 0 10px;
					padding-left: 30px;
					margin: 0;
					margin-right: 5px;
					font-size: 12px;
					background-color: rgba(0,0,0,0);
					outline: none;
					border: 1px solid $color-main;
					.iconfont{
						margin: 0 3px;
						position: absolute;
						top: -5px;left: 10px;
					}
				}
			}
		}
	}
	.buddy{
		height: calc(100vh - 100px);
		margin-top: 100px;
		box-sizing: border-box;
		padding: 15px 0;
		background-color: rgb(249,249,249);
		.b-tip{
			color: #999;
			width: 100%;
			margin-top: 45px;
			text-align: center;
			.b-tip-view{
				@extend %flex-view;
				flex-direction: row;
				.b-tip-btn {
					position: relative;
					padding: 0 10px;
					padding-left: 30px;
					margin: 3px;
					font-size: 12px;
					background-color: $color-main;
					outline: none;
					.iconfont {
						margin: 0 3px;
						position: absolute;
						top: -5px;
						left: 10px;
					}
				}
			}
		}
		.swipe-action-item{
			display: flex;
			flex-direction: row;
			border-bottom: 1px solid #eee;
			border-left: 3px solid $color-pink;
			padding: 5px 15px;
			width: 100%;
			position: relative;
			.avatar{
				flex:1;
				image{
					width: 48px;height: 48px;
					border-radius: 50%;
				}
			}
			.info{
				flex: 4;
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: space-between;
				text{
					width: 145px;
				}
				.btn{
					background-color: $color-main;
					color: #333;
					margin: 0;
				}
			}
		}
		.swipe-action-btn{
			@extend %flex-view;
			flex-direction: row;
			.del{
				@extend %flex-view;
				flex-direction: row;
				width: 100%;height: 100%;
				padding: 0 15px;
				background-color: $color-pink;
				color: #eee;
			}
		}
	}
}